<template>
	<view>
		<userinfo id="user" :options="user_options" @getUserscope="getUserInfo" @toLogin="getUserInfo"></userinfo>

		<view class="container">
			<view class="order_info bw">
				<view class="good_info cf">
					<view class="fl" v-if="order_info.order_info.img"><image :src="order_info.order_info.img"></image></view>
					<view class="fl intro">
						<view class="name">{{ order_info.order_info.order_name }}</view>
						<view class="info" v-if="order_info.order_info.order_txt_type != 0">{{ order_info.order_info.order_txt_type }}</view>
						<view class="info" v-else>{{ order_info.order_info.order_price }} X {{ order_info.order_info.order_num }}</view>
					</view>
				</view>
				<view class="order_price cf">
					<view class="fl">订单总计</view>
					<view class="fr cr fw">
						{{ currency + order_info.order_info.order_total_money }}
					</view>
				</view>
			</view>
			<block v-if="order_info.pay_config.is_recharge != 1">
				<view class="tip">结算信息</view>
				<view class="balanceBox bw">
					<view class="item cf" v-if="order_info.pay_config.card_discount != 0">
						<view class="fl">会员卡折扣</view>
						<view class="fr cr">{{ order_info.pay_config.card_discount }}折</view>
					</view>
					<view class="item cf" v-if="order_info.order_info.pay_merchant_coupon !== false" @tap="changeMerchantCoupon">
						<view class="fl">商家优惠券</view>
						<view class="fr select no" v-if="order_info.mer_coupon.had_id == ''">不使用优惠券</view>
						<view class="fr select" v-if="order_info.mer_coupon.had_id != ''">
							<block v-if="order_info.mer_coupon.order_money > 0">满{{ order_info.mer_coupon.order_money }}减{{ order_info.mer_coupon.discount }}</block>
							<block v-else>无门槛立减{{ order_info.mer_coupon.discount }}</block>
						</view>
					</view>
					<view class="item cf" v-if="order_info.order_info.pay_system_coupon !== false" @tap="changeSystemCoupon">
						<view class="fl">平台优惠券</view>
						<view class="fr select no" v-if="order_info.system_coupon.had_id == ''">不使用优惠券</view>
						<view class="fr select" v-if="order_info.system_coupon.had_id != ''">
							满{{ order_info.system_coupon.order_money }}减{{ order_info.system_coupon.discount }}
						</view>
					</view>
					<view class="item cf" v-if="order_info.pay_config.score_count != 0">
						<view class="fl">
							本单可使用{{ config.score_name }}
							<text class="cr">{{ order_info.pay_config.score_count }}分</text>
							,可抵扣金额
							<view class="cr block-in">
								{{ currency + order_info.pay_config.score_money }}
							</view>
						</view>
						<view class="fr">
							<checkbox-group bindchange="changeScore"><checkbox value="1" :checked="use_score ? true : false"></checkbox></checkbox-group>
						</view>
					</view>
					<view class="item cf" v-if="order_info.pay_config.merchant_money != 0">
						<view class="fl">
							<view>使用商家会员卡余额</view>
							<view class="cr">
								剩余
								{{ currency + order_info.pay_config.merchant_money }}
							</view>
						</view>
						<view class="fr">
							<checkbox-group bindchange="changeMm"><checkbox value="1" :checked="use_merchant_money ? true : false"></checkbox></checkbox-group>
						</view>
					</view>
					<view class="item cf" v-if="order_info.pay_config.balance_money != 0">
						<view class="fl">
							<view>使用余额支付</view>
							<view class="cr">
								剩余
								{{ currency + order_info.pay_config.balance_money }}
							</view>
						</view>
						<view class="fr">
							<checkbox-group bindchange="changePm"><checkbox value="1" :checked="use_balance_money ? true : false"></checkbox></checkbox-group>
						</view>
					</view>
					<view class="item cf">
						<view class="fr" style="text-align:right;">
							<view>
								实际支付：
								<view class="cr block-in">
									{{ currency + order_info.pay_config.pay_infact }}
								</view>
							</view>
							<view style="color:#999;font-size:11px;">(运费不参与打折，部分商品不可用商家优惠券)</view>
						</view>
					</view>
				</view>
			</block>
			<block v-if="order_info.pay_config.online_pay != 0">
				<view class="tip">选择支付方式</view>
				<radio-group bindchange="changePaymethod">
					<view class="balanceBox bw pay">
						<block v-for="(item, pay_method) in order_info.pay_method" :key="pay_method">
							<view class="item cf" v-if="item.type == 'weixin' || item.type == 'offline' || item.type == 'merchantwarrior'">
								<view class="fl">
									<image :src="item.pic"></image>
									<text>{{ item.name }}</text>
								</view>
								<view class="fr"><radio :value="item.type" :checked="checked_pay == item.type ? true : false"></radio></view>
							</view>
						</block>
					</view>
				</radio-group>
			</block>
			<view class="footer_box">
				<view class="block-in" v-if="order_info.pay_config.online_pay != 0">
					还需在线支付
					{{ currency + order_info.pay_config.online_pay }}
				</view>
				<view class="fr" :style="click_confirm ? 'background:#999;' : ''" @tap="payOrder">
					<view>确认支付</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import common from '../../utils/common.js';
var polyfill = require('../../utils/base64.min.js');
var { atob, btoa } = polyfill;
var app = getApp();
var _this = '';
const clearStorage = () => {
	console.log('55555555555555清除购物车缓存');
	var store_id = _this.order_info.order_info.store_id;
	var pages = getCurrentPages();
	var prevPage = pages[pages.length - 3];
	wx.removeStorage({
		key: 'shop_cart_' + store_id
	});
	wx.getStorage({
		key: 'store' + store_id,
		success: function(res) {
			var store = res.data;
			store.selectGoods = store.selectGoods.filter(item => item.selected === false);

			if (store.selectGoods.length === 0 || prevPage.route != 'pages/shop_new/cart/cart') {
				wx.getStorage({
					key: 'storeId_list',
					success: ids => {
						ids.data = ids.data.filter(item => item != store_id);
						wx.setStorage({
							key: 'storeId_list',
							data: ids.data
						});
					}
				});
				wx.removeStorage({
					key: 'store' + store_id
				});
			} else {
				var selectType = {};
				var goodsNumList = {};
				var totalNum = 0;
				var selectGoods = store.selectGoods;

				for (var i = 0; i < selectGoods.length; i++) {
					if (selectType[selectGoods[i].cat_id]) {
						selectType[selectGoods[i].cat_id] = selectType[selectGoods[i].cat_id] + selectGoods[i].selectNum;
					} else {
						selectType[selectGoods[i].cat_id] = selectGoods[i].selectNum;
					}

					goodsNumList[selectGoods[i].product_id] = selectGoods[i].selectNum;
					totalNum = totalNum + selectGoods[i].selectNum;
				}

				store.selectType = selectType;
				store.goodsNumList = goodsNumList;
				store.totalNum = totalNum;
				wx.setStorageSync('store' + store_id, store);
			}
		}
	});

	if (_this.cartId != '') {
		wx.removeStorage({
			key: 'togetherId_' + store_id
		});
		wx.removeStorage({
			key: 'together_cart_' + store_id
		});
		wx.removeStorage({
			key: 'pinId_' + store_id
		});
	}
};

export default {
	data() {
		return {
			page_from: '',
			order_id: 0,
			order_type: '',
			order_info: {},
			use_score: false,
			use_merchant_money: false,
			use_balance_money: false,
			use_sys_coupon: true,
			use_mer_coupon: true,
			system_coupon_id: 0,
			merchant_coupon_id: 0,
			config: {},
			click_confirm: false,
			wxRedirectUrl: '',
			checked_pay: 'weixin',
			currency: '¥',
			user_options: {}
		};
	},

	onUnload: function() {
		// 页面关闭
	},
	onHide: function() {
		// 页面隐藏
	},
	onShow: function() {
		// 页面显示
		var that = this;
		wx.getStorage({
			key: 'coupon_action',
			success: function(res) {
				var dataObj = {};
				var coupon_type = wx.getStorageSync('coupon_type');
				wx.removeStorage({
					key: 'coupon_action'
				});
				wx.removeStorage({
					key: 'coupon_type'
				});

				if (res.data == 'not') {
					if (coupon_type == 'system') {
						dataObj.use_sys_coupon = false;
					} else {
						dataObj.use_mer_coupon = false;
					}
				} else if (res.data == 'use') {
					if (coupon_type == 'system') {
						dataObj.use_sys_coupon = true;
						dataObj.system_coupon_id = wx.getStorageSync('coupon_id');
					} else {
						dataObj.use_mer_coupon = true;
						dataObj.merchant_coupon_id = wx.getStorageSync('coupon_id');
					}

					wx.removeStorage({
						key: 'coupon_id'
					});
				}

				that.setData(dataObj);
				that.paycheck();
			}
		}); // 从添加手机号页面回来

		if (_this.backFrom == 'phone') {
			_this.backFrom = '';
			that.paycheck();
		} else if (that.pageTime === true && that.order_info.pay_config.online_pay == 0) {
			// 不是第一次进入页面且支付方式选的不是微信支付
			that.paycheckState = 'back';
			that.paycheck();
		} // 微信支付成功

		if (that.weixinPayOk === true) {
			this.paySuccessBack();
			console.log('微信支付成功返回');
		}

		that.pageTime = true;
	},
	onReady: function() {
		// 页面渲染完成
	},
	onLoad: function(options) {
		_this = this;
		console.log(options);
		this.setData({
			order_id: options.order_id,
			order_type: options.type,
			page_from: options.from ? options.from : ''
		});
		common.setMainColor(_this, function(config) {
			_this.setData({
				config
			});
		});
		app.globalData.isPay = true;
		var ticket = wx.getStorageSync('ticket');

		if (ticket && app.globalData.userInfo && app.globalData.userInfo.wxapp_openid != '') {
			_this.ticket = ticket;

			_this.paycheck();
		} else {
			_this.setData({
				user_options: {
					toLogin: true,
					refuseIsShow: true,
					showCancel: false
				}
			});
		}
		common.changeCurrency(this)
	},
	components: {},
	props: {},
	methods: {
		setPageContent: function(result) {
			console.log(result);
			var system_coupon_id = result.system_coupon.had_id != '' ? result.system_coupon.had_id : 0;
			var merchant_coupon_id = result.mer_coupon.had_id != '' ? result.mer_coupon.had_id : 0;

			if (result.system_coupon.had_id != '') {
				result.system_coupon.order_money = parseFloat(result.system_coupon.order_money);
			}

			if (result.mer_coupon.had_id != '') {
				result.mer_coupon.order_money = parseFloat(result.mer_coupon.order_money);
			}

			this.setData({
				order_info: result,
				system_coupon_id: system_coupon_id,
				merchant_coupon_id: merchant_coupon_id,
				click_confirm: false
			});
			wx.hideToast();
		},
		changePaymethod: function(e) {
			console.log(e);
			this.setData({
				checked_pay: e.detail.value
			});
		},
		changeScore: function(e) {
			console.log(e);
			this.setData({
				use_score: !this.use_score
			});
			this.paycheck();
		},
		changeMm: function(e) {
			console.log(e);

			if (this.use_balance_money && !this.use_merchant_money && this.order_info.pay_config.online_pay == 0) {
				this.setData({
					use_balance_money: false
				});
			}

			this.setData({
				use_merchant_money: !this.use_merchant_money
			});
			this.paycheck();
		},
		changePm: function(e) {
			console.log(e);

			if (this.use_merchant_money && !this.use_balance_money && this.order_info.pay_config.online_pay == 0) {
				this.setData({
					use_merchant_money: false
				});
			}

			this.setData({
				use_balance_money: !this.use_balance_money
			});
			this.paycheck();
		},
		changeMerchantCoupon: function(e) {
			console.log(e);

			wx.navigateTo({
				url: '../pay/coupon?order_id=' + this.order_id + '&type=' + this.order_type + '&coupon_type=mer&coupon_id=' + this.merchant_coupon_id
			});
		},
		changeSystemCoupon: function(e) {
			console.log(e);

			wx.navigateTo({
				url: '../pay/coupon?order_id=' + this.order_id + '&type=' + this.order_type + '&coupon_type=system&coupon_id=' + this.system_coupon_id
			});
		},
		paycheck: function() {
			console.log('99999999999999999', app.globalData.userInfo);

			if (app.globalData.userInfo.phone == '') {
				wx.showModal({
					title: common.changeTxt('温馨提示'),
					content: common.changeTxt('为了保护您的权益，下单前您需要绑定手机号码。'),
					showCancel: false,

					success(res) {
						_this.backFrom = 'phone';
						wx.navigateTo({
							url: '/pages/my/newnumber'
						});
					}
				});
				return;
			}

			wx.showToast({
				title: '请求中',
				icon: 'loading',
				duration: 10000,
				mask: true
			});
			var postData = {};
			postData.type = this.order_type;
			postData.order_id = this.order_id;
			postData.use_score = this.use_score;
			postData.use_merchant_money = this.use_merchant_money;
			postData.use_balance_money = this.use_balance_money;
			postData.use_mer_coupon = this.use_mer_coupon;
			postData.use_sys_coupon = this.use_sys_coupon;
			postData.system_coupon_id = this.system_coupon_id;
			postData.merchant_coupon_id = this.merchant_coupon_id;
			common.post('Pay&a=check', postData, 'setPageContent', this, 'getOrderErr');
		},
		getOrderErr: function(res) {
			if (res.errorCode == 1) {
				this.payOkRedirect();
			} else if ((res.errorCode == 20049999 || res.errorCode == 20049998) && _this.paycheckState === 'back') {
				this.paySuccessBack();
			} else {
				wx.hideToast();
				wx.showModal({
					title: '提示',
					content: res.result && res.result.msg ? res.result.msg : res.errorMsg,
					showCancel: false,
					success: function() {
						if (res.errorCode == 10070013) {
							_this.backFrom = 'phone';
							wx.navigateTo({
								url: '/pages/my/newnumber'
							});
						} else if (_this.paycheckState !== 'back') {
							wx.navigateBack();
							console.log('首次打开页面且订单页面报错');
						} else {
							_this.setData({
								click_confirm: false
							});

							_this.paycheckState == '';
						}
					}
				});
			}
		},

		paySuccessBack() {
			if (this.order_type == 'shop') {
				// 清除缓存
				clearStorage();
				wx.navigateBack();
				console.log('从上一页面回退回来，且是余额支付');
			} else if (this.order_type == 'plat' && this.order_info.order_info.business_type == 'village_group') {
				if (app.globalData.tabBar.list.length == 1) {
					app.globalData.tabWeb = {
						url: 'https://hf.pigcms.com/packapp/community_group/index.html#/my',
						title: '社区团购'
					};
					wx.reLaunch({
						url: '/pages/webview/tab_webview'
					});
				} else {
					wx.reLaunch({
						url:
							'../index/index?redirect=webview&webview_url=' +
							encodeURIComponent('https://hf.pigcms.com/packapp/community_group/index.html#/my') +
							'&webview_title=' +
							encodeURIComponent('社区团购')
					});
				}
			} else if (this.order_type == 'plat' && this.order_info.order_info.business_type == 'house_village_pay') {
				wx.reLaunch({
					url:
						'../index/index?redirect=webview&webview_url=' +
						encodeURIComponent('/wap.php?c=House&a=village_my&village_id=' + this.order_info.order_info.order_info.village_id)
				});
			} else {
				wx.switchTab({
					url: '../my/index'
				});
			}
		},

		payOrder: function(e) {
			console.log(e);

			if (_this.click_confirm == true) {
				return;
			}

			_this.setData({
				click_confirm: true
			});

			wx.showToast({
				title: '请求中',
				icon: 'loading',
				duration: 10000,
				mask: true
			});
			var postData = {};
			postData.order_type = this.order_info.order_info.order_type;
			postData.order_id = this.order_info.order_info.order_id;
			postData.pay_type = this.order_info.pay_config.online_pay != 0 ? this.checked_pay : '';
			postData.use_sys_coupon = this.use_sys_coupon;
			postData.use_mer_coupon = this.use_mer_coupon;
			postData.coupon_id = this.system_coupon_id;
			postData.card_id = this.merchant_coupon_id;
			postData.use_score = this.use_score;
			postData.use_merchant_money = this.use_merchant_money;
			postData.use_balance_money = this.use_balance_money;
			postData.score_used_count = this.order_info.pay_config.score_count;
			postData.score_deducte = this.order_info.pay_config.score_money;
			postData.ticket = wx.getStorageSync('ticket');

			if (app.merchantOwn && app.merchantOwn.mer_id) {
				postData.own_pay_mer_id = app.merchantOwn.mer_id;
			}

			if (postData.pay_type != 'weixin') {
				var pay_param = encodeURIComponent(btoa(JSON.stringify(postData)));
				var requestDomain = common.requestDomain;
				var url = `${requestDomain}/wap.php?c=Pay&a=go_pay&wxapp_error_handle=close_window&pay_param=${pay_param}`;
				console.log('2222222222222222200000000', pay_param, common.requestDomain);
				common.parseUrl(url);
			} else {
				common.post('Pay&a=go_pay', postData, 'getOrderId', this, 'getOrderIdErr');
			}
		},
		getOrderId: function(res) {
			console.log(res);
			var that = this;
			that.wxRedirectUrl = '';

			if (res.redirctUrl) {
				that.wxRedirectUrl = res.redirctUrl;
				console.log('that.data.wxRedirectUrl', that.wxRedirectUrl);
			}

			wx.requestPayment({
				timeStamp: res.weixin_param.timeStamp,
				nonceStr: res.weixin_param.nonceStr,
				package: res.weixin_param.package,
				signType: res.weixin_param.signType,
				paySign: res.weixin_param.paySign,
				success: function(ress) {
					console.log(ress);
					var postData = {
						order_id: that.order_id,
						order_type: that.order_type
					};

					if (app.merchantOwn && app.merchantOwn.mer_id) {
						postData.own_pay_mer_id = app.merchantOwn.mer_id;
					}

					common.post('Pay&a=app_weixin_back', postData, 'payOk', that, 'payOkErr');
				},
				fail: function(ress) {
					/*if(ress.errMsg == 'requestPayment:fail cancel'){
            wx.showModal({
              title: '提示',
              content: '您取消了支付',
              showCancel:false
            })
          }*/
					// _this.click_confirm = false
					_this.setData({
						click_confirm: false
					});

					console.log(ress);
				}
			});
			wx.hideToast();
		},
		payOk: function(res) {
			var that = this;
			wx.showModal({
				title: '提示',
				content: '支付成功',
				showCancel: false,
				success: function() {
					that.weixinPayOk = true;
					that.payOkRedirect(res);
				}
			});
		},
		payOkRedirect: function(url) {
			if (this.page_from == 'otherWxapp') {
				if (this.order_type == 'plat') {
					if (this.order_info.order_info.business_type == 'service') {
						wx.showModal({
							title: '提示',
							content: '支付成功',
							showCancel: false,
							success: function() {
								wx.reLaunch({
									url:
										'/pages/index/location?redirect=webview&webview_url=' +
										encodeURIComponent('https://hf.pigcms.com/wap.php?c=Service&a=price_list&publish_id=' + that.order_info.order_info.order_info.publish_id) +
										'&webview_title=' +
										encodeURIComponent('需求详情')
								});
							}
						});
					}
				}

				return false;
			}

			if (this.order_type == 'shop') {
				// 清除缓存
				clearStorage();
			}

			if (app.merchantOwn && app.merchantOwn.mer_id) {
				wx.reLaunch({
					url: '../merchant/index'
				});
			} else {
				if (url && this.order_type == 'shop') {
					common.parseUrl(url);
				} else if (this.order_type == 'plat' && this.order_info.order_info.business_type == 'village_group') {
					common.parseUrl(url);
				} else if (this.order_type == 'plat' && this.order_info.order_info.business_type == 'house_village_pay') {
					wx.reLaunch({
						url:
							'../index/index?redirect=webview&webview_url=' +
							encodeURIComponent('/wap.php?c=House&a=village_my&village_id=' + this.order_info.order_info.order_info.village_id + '&go_action=village_my_paylists')
					});
				} else {
					wx.setStorageSync('my_redirect_type', this.order_type);

					if (this.order_type == 'mall') {
						wx.setStorageSync('mall_order_detail', url);
					}

					wx.switchTab({
						url: '../my/index'
					});
				}
			}
		},
		payOkErr: function(res) {
			if (_this.wxRedirectUrl) {
				common.parseUrl(_this.wxRedirectUrl);
			}

			_this.setData({
				click_confirm: false
			});

			console.log(res);
		},
		getOrderIdErr: function(res) {
			console.log('weixin pay error', res);
			wx.hideToast();

			if (res.errorCode == 1) {
				var that = this;
				wx.showModal({
					title: '提示',
					content: '支付成功',
					showCancel: false,
					success: function() {
						that.payOkRedirect();
					}
				});
			} else {
				_this.setData({
					click_confirm: false
				});

				wx.showModal({
					title: '提示',
					content: res.errorMsg,
					showCancel: false
				});
			}
		},

		getUserInfo(e) {
			if (e.userInfo && e.userInfo.wxapp_openid != '') {
				_this.paycheck();
			}
		},

		success: function(res) {
			var store = res.data;
			store.selectGoods = store.selectGoods.filter(item => item.selected === false);

			if (store.selectGoods.length === 0 || prevPage.route != 'pages/shop_new/cart/cart') {
				wx.getStorage({
					key: 'storeId_list',
					success: ids => {
						ids.data = ids.data.filter(item => item != store_id);
						wx.setStorage({
							key: 'storeId_list',
							data: ids.data
						});
					}
				});
				wx.removeStorage({
					key: 'store' + store_id
				});
			} else {
				var selectType = {};
				var goodsNumList = {};
				var totalNum = 0;
				var selectGoods = store.selectGoods;

				for (var i = 0; i < selectGoods.length; i++) {
					if (selectType[selectGoods[i].cat_id]) {
						selectType[selectGoods[i].cat_id] = selectType[selectGoods[i].cat_id] + selectGoods[i].selectNum;
					} else {
						selectType[selectGoods[i].cat_id] = selectGoods[i].selectNum;
					}

					goodsNumList[selectGoods[i].product_id] = selectGoods[i].selectNum;
					totalNum = totalNum + selectGoods[i].selectNum;
				}

				store.selectType = selectType;
				store.goodsNumList = goodsNumList;
				store.totalNum = totalNum;
				wx.setStorageSync('store' + store_id, store);
			}
		},
		setData: function(obj) {
			let that = this;
			let keys = [];
			let val, data;
			Object.keys(obj).forEach(function(key) {
				keys = key.split('.');
				val = obj[key];
				data = that.$data;
				keys.forEach(function(key2, index) {
					if (index + 1 == keys.length) {
						that.$set(data, key2, val);
					} else {
						if (!data[key2]) {
							that.$set(data, key2, {});
						}
					}

					data = data[key2];
				});
			});
		}
	}
};
</script>
<style>
.container {
	padding-bottom: 120rpx;
}
.order_info {
	padding: 24rpx 22rpx;
}
.good_info {
	border-bottom: 2rpx solid #f1f1f1;
	padding-bottom: 20rpx;
	display: flex;
	align-items: center;
}
.good_info image {
	width: 160rpx;
	height: 120rpx;
}
.good_info .intro {
	margin-left: 40rpx;
	/* margin-top:16rpx; */
	width: calc(100% - 200rpx);
}
.good_info .info {
	font-size: 24rpx;
	margin-top: 12rpx;
	color: #666;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}
.order_price {
	padding-top: 20rpx;
}
.tip {
	margin: 34rpx 22rpx 24rpx;
	font-size: 30rpx;
}

.balanceBox {
	padding: 0 22rpx;
}
.balanceBox .item {
	padding: 24rpx 0;
	border-bottom: 2rpx solid #f1f1f1;
	position: relative;
}
.balanceBox .item:last-child {
	border-bottom: none;
}
.balanceBox .item .select {
	padding-right: 22rpx;
	font-size: 24rpx;
	vertical-align: middle;
}
.balanceBox .item .select.no {
	color: #666;
}
.balanceBox .item .select:after {
	display: block;
	content: '';
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	width: 12rpx;
	height: 12rpx;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	background-color: transparent;
	position: absolute;
	top: 50%;
	right: 6rpx;
	margin-top: -8rpx;
}
.balanceBox .item checkbox {
	position: absolute;
	top: 50%;
	margin-top: -24rpx;
	right: 0;
}

.balanceBox.pay .item image {
	width: 60rpx;
	height: 60rpx;
	vertical-align: middle;
	margin-right: 20rpx;
}
</style>
